锘緻charset "utf-8"; /* Start CSS */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend{ margin: 0; padding: 0; border: 0; outline: 0; /*font-size: 100%; vertical-align: baseline; background: transparent;*/ } ul,li{ list-style:none; padding:0; margin:0} mark, rp, rt, ruby, summary, time {display:inline} nav a{text-decoration: none} hr{background: #e0e0e0;height: 1px} *, :before, :after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .lf { float: left; } .rt { float: right; } .scl { -webkit-transform: scale(1.1); transform: scale(1.1); position: relative; z-index: 2; } .scl .img-responsive { opacity: 1!important; } .center { margin: 0 auto; } .clear { clear: both; } .zindex{ z-index:2; background:#FFF; width:100%; overflow:hidden; clear:both; float:left; position:relative; } input,button,textarea,select{ outline: none; font-family:inherit; border: none; background: none; appearance: none; -moz-appearance: none; -webkit-appearance: none; } select::-ms-expand { display: none;} iframe{border: none;vertical-align: top;} :before, :after { -webkit-box-sizing: border-box; box-sizing: border-box; } em{font-style: normal;} .clearfix:before,.clearfix:after, .container:before,.container:after, .container-middle:before,.container-middle:after{ content: " ";display: table; } .clearfix:after,.container:after,.container-middle:after{ clear: both; } .pull-left{float: left;} .pull-right{float: right;} .dis-table{display: table;width: 100%;height: 100%;} .dis-cell{display: table-cell;vertical-align: middle;} .text-align{text-align: center;} .section{width: 100%;overflow: hidden;} .out{overflow-y: auto;padding-right: 5px;} .out::-webkit-scrollbar { width: 3px; background-color: #fff; } .out::-webkit-scrollbar-thumb { background-color:#ec1b24; border-radius: 10px; } .img-responsive { width: 100%; height: auto; } html, button, select, textarea { font-family:'寰蒋闆呴粦'; } body{ margin: 0 auto; color:#424242; background: #FFF; min-width: 1200px; line-height:200%; font-size:15px; } a { color: #424242; text-decoration:none; } a:focus { outline: thin dotted; } a:active, a:hover { outline: 0; text-decoration:none; } .fl{ float:left;} .fr{ float:right;} .mt50{ margin-top:50px; } .pagination { margin: 0px auto 5px auto; clear:both; float:left; width:100%; /*background:#FFF;*/ height:40px; } .pagination ul { width:100%; display: inline-block; *display: inline; margin-bottom: 0; /*margin-left: 0;*/ -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; *zoom: 1; text-align:center; /*-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05); box-shadow: 0 1px 2px rgba(0,0,0,0.05)*/ } .pagination ul li { display: inline-block; border:#e0e0e0 1px solid; background:#FFF; padding:6px 16px; margin:0 5px } .pagination ul li a{ display:block; } .pagination ul li.ctxt{ background:#0090FE!important; border:#009393 1px solid; color:#FFF; } .pagination ul li:hover{ border:#009393 1px solid; color:#009393 } .pagination ul li:hover a{ color:#009393 } .pagination ul li.ctxt:hover{ color:#FFF!important } /*************鎶ご***********************/ .header{width:100%; background:#FFF} #f1{ height:30px; border-bottom:#E0E0E0 1px solid; } #f1 .wrapper{ text-align:right; font-size:0; } #f1 a{ display:inline-block; font-size:14px; padding:0 10px; } #f1 a.ch{ border-left:#e0e0e0 1px solid; } #f1 a.ch span{ color:#e80d17; } #f1 a.en span{ color:#0a49fc; } #f1 a.jp span{ color:#069216; } #f1 a.zy,#f1 a.en{ border-left:#e0e0e0 1px solid; border-right:#e0e0e0 1px solid; } .logo{ margin:35px 0 25px 0; } .head_tel{ margin-top:35px; } .head_tel input{ border:#e0e0e0 1px solid; background:transparent; width:200px; height:31px; line-height:31px; padding-left:14px; color:#AEAEAE; font-size:12px; outline:none; } /********************************************瀵艰埅鑿滃崟**********************************************/ .menu{ width:100%; clear:both; height:30px; z-index:999; margin-bottom:5px; background:#FFF; } .nav { clear:both; text-align:left; font-size:15px; } .nav li{ float:left; text-align:left; z-index:999; height:30px; line-height:30px; margin-right:50px; position:relative; padding-right:15px; background:url(../images/jiantou-hui.png) no-repeat right 13px; background-size:10px 6px; z-index:9; text-transform:uppercase; } .nav li:hover{ background:url(../images/jiantou-lan.png) no-repeat right 13px; background-size:10px 6px; color:#0090FF; } .nav li:hover a{ color:#0090FF; } .nav li:first-child{ background:none; padding-right:0; } .nav li a{ font-size:15px; height:30px; display:block; color:#727171; /*font-family:"寰蒋闆呴粦","榛戜綋"; font-weight:600;*/ } .nav li .subnav{ width:200px; background:#FFF; clear:both; display:block; position:absolute; padding:10px 15px; box-shadow:0px 15px 12px -8px rgba(0,0,0,0.5); top:40px; opacity:0; z-index:2; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; left:-15px; } .nav li:hover .subnav{ top:30px; opacity:1; } .nav .subnav li{ float:left; width:100%; font-weight:normal; background:none; padding-right:0; white-space:nowrap; text-transform:capitalize!important; } .nav .subnav li a{ font-weight:normal; color:#424242; display:block; font-size:14px; } .nav .subnav li:hover a{ color:#0090FF; } .nav .subnav li em{ float:right; font-size:10px; } /********************************************banner杞挱css****************************************/ .slider_bg{ display:-webkit-flex; display:flex; justify-content:center; position:relative; z-index: 1; clear:both; } .slider_bg img{width:100%;} .pc_web{display:block;} .m_web{display:none;} .slider_bg .swiper-container {width: 100%;height:auto; display:flex;} .slider_bg .swiper-slide{display:-webkit-box; display:-ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; color:#fff;} .slider_bg .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-container .swiper-pagination-custom,.swiper-container .swiper-pagination-fraction{ bottom:30px; } .slider_bg .swiper-pagination-bullet{border:#0090FF 1px solid; background:transparent; width:15px; height:15px; border-radius:100%; opacity:1;} .slider_bg .swiper-pagination-bullet-active{background:#0090FF;opacity:1; width:15px;border-radius:15px;} .slider_bg .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 8px;} /*.slider_bg .swiper-button-next:after, .slider_bg .swiper-container-rtl .swiper-button-prev:after {color:#fff;} .slider_bg .swiper-button-prev:after, .slider_bg .swiper-container-rtl .swiper-button-next:after {color:#fff;}*/ .pc_swiperimg{display:block;} .m_swiperimg{display:none;} @media screen and (max-width:1024px){ .pc_web{display: none;} .m_web{display: block;} .slider_bg .swiper-button-next,.slider_bg .swiper-button-prev{display:none;} .slider_bg .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 4px; } .slider_bg .swiper-pagination-bullet{width:30px; height:6px;} .slider_bg .swiper-pagination-bullet-active{opacity:1;} .slider_bg .swiper-pagination{ display:block; } .slider_bg .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-container .swiper-pagination-custom,.swiper-container .swiper-pagination-fraction{ bottom:10px; } } /*************************************棣栭〉浜у搧***********************************************/ .title{ width:100%; text-align:center; } .title h3{ width:100%; font-size:28px; float:left; color:#333; line-height:100%; font-weight:normal; marin-top:30px; position:relative; } .title h3 i{ font-style:normal; font-size:12px; display:block; color:#898989; } .title h3 span{ position:absolute; display:block; height:3px; background:#2F2F2F; width:58px; left:50%; margin-left:-28px; margin-top:5px; } .index_pro{ float:left; margin-top:63px; /*height:400px;*/ overflow:hidden; width:100%; } .index_pro ul{ width:100%; overflow:hidden; padding-top:60px; } .index_pro ul li{ width:calc(100% / 4); float:left; height:400px; padding:0 20px; text-align:center; border-right:#eaeaea solid 1px; position:relative; } .index_pro ul li img.pimg{width:100%;} .index_pro ul li .ptit{ text-align:left; margin-top:10px } .index_pro ul li .ptit a.pro_more{ display:inline-block; float:right; border:#D2D2D2 1px solid; width:60px; height:20px; line-height:20px; text-align:center; color:#929292; font-size:12px; margin-top:3px; font-family:arial; } .index_pro ul li .ptit a.pro_more:hover{ border:#0090FF 1px solid; color:#0090FF; } .index_pro ul li .botline{ width:calc(100% - 40px); height:8px; background:#EEEEEE; position:absolute; left:20px; bottom:0; } /*******鍒堕€犲疄鍔?********************/ .honor { width:100%; float:left; clear:both; background:#FFF; padding:80px 0; margin-top:50px; } .honor .title{ margin-bottom:120px; } .honor .con { clear:both; margin:0px auto 0 auto; position:relative; width:-moz-calc(90% + 100px); width:-webkit-calc(90% + 100px); width: calc(90% + 100px); max-width: calc(1360px + 100px); min-width: calc(1200px + 100px); } .honor .tempWrap{ overflow:hidden; position:relative; width:-moz-calc(100% - 100px); width:-webkit-calc(100% - 100px); width: calc(100% - 100px); margin:0 auto; } .honor .con ul{ font-size:0; padding:0; margin:0 0 0 -25px; } .honor .con li { display:inline-block; width:25%; padding-right:25px; position:relative; } .honor .con li.last{ padding-right:0; } .honor .con li a { display:block; position:relative; font-size:18px; } .honor .con li .s-img { /*height:250px; */ text-align:center; vertical-align: middle; /*display: table-cell;*/ width:100%; position:relative; border-radius:12px; overflow:hidden; } .honor .con li .s-img img { display:inline-block; vertical-align:middle; width:100%; max-height:100%; transition: all linear 0.3s } .honor .con li:hover img{ -moz-transform:scale(1.2); -webkit-transform: scale(1.2); transform:scale(1.2); } .honor .con li .s-text{ background:#FFF; width:100%; height:260px; padding:30px 20px; overflow:hidden; line-height:180%; font-size:14px; display:none; } .honor .con li .s-text p{ color:#999; } .honor .con li:hover .s-text h3{ color:#0047BA; } .honor .con li:hover .s-text p{ color:#777; } .honor .con a.prev { outline:none; position:absolute; left:0px; top:50%; width:47px; height:54px; margin-top:-27px; background:url(../images/left.png?v=2.0) no-repeat left center; transition: all linear 0.3s } .honor .con a.prev:hover { background:url(../images/left_on.png?v=2.0) no-repeat left; } .honor .con a.next { outline:none; position:absolute; right:0px; top:50%; width:47px; height:54px; margin-top:-27px; background:url(../images/right.png?v=2.0) no-repeat right center; transition: all linear 0.3s } .honor .con a.next:hover { background:url(../images/right_on.png?v=2.0) no-repeat right; } /************************************鏈嶅姟妗堜緥*******************************/ .case{ padding:60px 0; clear:both;} .casecenter{ margin-top:120px;} .casetab{ font-size:0; position:relative; margin:0 0 20px 0;} .casetab>a{ position:absolute; right:0px; top:0px; margin:0 !important;} .casetab a{ width:calc((100% - 60px) / 7); display:inline-block; line-height:50px; height:50px; margin:0 10px 0px 0; background:#E5E5E5; overflow:hidden; text-align:center; font-size:16px; color:#424242; transition:all .3s ease;} .casetab a:nth-child(7n){ margin-right:0;} .casetab a:hover,.casetab a.on{ background:#14468D; color:#FFF} .casecon .divdgweb_new_div_item{height:390px; background:#f2f2f2;} .casecon .news_div_item_pic{ width:600px; height:390px; float:left;} .casecon .news_div_item_pic img{ width:100%; height:100%;} .casecon .divdgweb_new_div_item_content{ float:right; width:calc(100% - 680px); padding:48px 50px 0 0;} .casecon .divdgweb_new_div_item_a{ font-size:25px; color:#222222;} .casecon .divdgweb_new_div_item_title span{ float:right; font-size:0;} .casecon .divdgweb_new_div_item_title span em+em{ margin-left:1px;} .casecon .divdgweb_new_div_item_title span em{ text-align:center; display:inline-block; width:83px; line-height:28px; font-size:16px; color:#fff; font-weight:lighter; background:#AAAAAA;} .casecon .divdgweb_new_div_item_title span em:nth-child(odd){ background:#BFBFBF;} .casecon .divdgweb_new_div_item_body{ padding:35px 0 30px 0; font-size:14px; color:#aaaaaa; line-height:30px;} .casebtn a{ display:inline-block; width:182px; line-height:42px; border:1px solid #aeaeae; font-size:14px; color:#888888; text-align:center; transition:all .3s ease;} .casebtn a+a{ margin-left:10px;} .casebtn a:hover{ background:#006ac0; color:#fff; border-color:#006ac0;} .casephone{ float:right; padding-left:35px; background:url(../images/tel.png) no-repeat left center; line-height:30px; margin:30px 0 0 0;} .casephone span,.casephone a{ float:left;} .casephone span{ font-size:25px; color:#006ac0; font-family:impact;} .casephone a{ margin:0 0 0 17px; width:163px; background:#006ac0; font-size:16px; color:#fff; text-align:center;} .casephone a:hover{ background:#00a6c0;} /**妗堜緥璇︽儏椤?**/ .casetit{ width:100%; overflow:hidden; padding-top:20px; font-size:20px; float:left; clear:both; font-weight:bold; } .casetit span{ float:right; font-size:0;} .casetit span em+em{ margin-left:1px;} .casetit span em{ text-align:center; display:inline-block; width:83px; line-height:28px; font-size:16px; color:#fff; font-weight:lighter; background:#AAAAAA;} .casetit span em:nth-child(odd){ background:#BFBFBF;} .casedetails{ width:100%; clear:both; display:block; margin-top:20px; float:left; } /************************************鍚堜綔鍝佺墝*****************************/ .brand-booperation{ width:100%; clear:both; float:left; padding:60px 0; } .brand-booperation ul{ padding-top:70px } .brand-booperation li{ float:left; width:calc((100% - 100px) / 6); margin-right:20px; margin-bottom:20px; background:#f0f0f0; } .brand-booperation li:nth-child(6n){ margin-right:0; } .brand-booperation li img{ display:block; width:100%; border:#f0f0f0 1px solid; } /***********************************鏂伴椈涓績*************************/ .index-news{ width:100%; float:left; clear:both; background:#F8F8F8; padding:80px 0; } .index-news.subnews{ background:#FFF; } .i-title{ border-bottom:#858585 1px solid; position:relative; font-size:24px; padding-bottom:8px; margin-bottom:20px; } .i-title span{ position:absolute; display:block; height:2px; width:50px; background:#2F2F2F; bottom:0 } .i-title i{ font-style:normal; display:inline-block; font-size:14px; font-family:arial; position:relative; bottom:-3px; color:#999; margin-left:5px } .i-title a{ float:right; font-size:16px; position:relative; bottom:-10px; } .index-news li{ float:left; width:calc((100% - 80px) / 3); margin-right:40px; position:relative; } .index-news li .nimg{ height:250px; overflow:hidden; position:relative; } .index-news li .nimg img{ width:100%; transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s; } .index-news li:hover .nimg img{ -webkit-transform: scale(1.1); transform: scale(1.1); } .index-news .ntext{ background:#FFF; padding:25px; overflow:hidden; height:250px; position:relative; } .index-news.subnews .ntext{ background:#f8f8f8; } .index-news.subnews li{ margin-bottom:35px; transition: all linear 0.3s; } .index-news.subnews li:hover{ box-shadow: rgba(0,0,0,0.2) 0 8px 20px; transform:translateY(-10px); } .index-news.subnews li:hover .ntext{ background:#FFF; } .index-news li:nth-child(3n){ margin-right:0; } .index-news li h3{ font-size:15px; font-style:normal; font-weight:600; line-height:160%; } .index-news li h3{ color:#606060; } .index-news li a.nmore{ border:#e0e0e0 1px solid; display:block; text-align:center; height:20px; line-height:20px; width:60px; font-size:12px; font-family:arial; float:right; position:absolute; bottom:20px; right:20px; } .index-news li a.nmore:hover{ border:#14468D 1px solid; color:#14468D; } .index-news .ntext p{ font-size:13px; line-height:170%; color:#717171; margin-top:10px; } .index-news .ntext span.date{ display:block; position:absolute; bottom:40px; right:20px; font-size:12px; } /****************椤佃剼****************************/ .footer{ width:100%; clear:both; float:left; background:url(../images/bottombg.jpg) no-repeat bottom center #434343; height:335px; padding-top:45px; } .fmenu{ position:relative; } .fmenu .qrcode{ position:absolute; right:0; font-size:0; text-align:right; clear:both; top:100px; color:#FFF; } .fmenu .qrcode li:first-child{ display:inline-block; } .fmenu .qrcode li{ margin-left:42px; font-size:12px; color:#FFF; display:inline-block; width:100px; text-align:center; margin-right:0; } .fmenu .qrcode li img{ display:inline-block; } .fmenu .btel{ font-size:14px; color:#FFF; position:absolute; top:60px; right:0; background:url(../images/btel.jpg) no-repeat left; padding-left:30px; } .fmenu .btel.entel{ font-size:20px; top:50px; } .fmenu li{ float:left; margin-right:40px; position:relative; } .fmenu.foen li{ text-transform:uppercase; /*width:100px; white-space:nowrap;*/ } .fmenu.foen li .subnav2 li a{ font-size:12px; text-transform:capitalize; } .fmenu li.navhome{ display:none } .fmenu li a{ color:#FFF; /*font-weight:bold;*/ } .fmenu li em{ display:none } .fmenu li .subnav2{ position:absolute; clear:both; padding-top:10px; width:100%; padding-right:20px; padding:0; } .fmenu li .subnav2 ul{ width:100%; } .fmenu li .subnav2 li{ width:100%; white-space: nowrap; } .fmenu li .subnav2 li a{ font-weight:normal; font-size:14px; } .fmenu.foen .qrcode li{ margin-right:0; } .fmenu.foen>li:nth-child(2){ margin-right:60px; } .fmenu.foen>li:nth-child(3){ margin-right:82px; } .fmenu.foen>li:nth-child(4){ margin-right:32px; } .fmenu.foen>li:nth-child(5){ margin-right:50px; } .fmenu.foen>li:nth-child(6){ margin-right:82px; } .fmenu.foen>li:nth-child(7){ margin-right:70px; } .fmenu.foja>li:nth-child(2){ margin-right:50px; } .fmenu.foja>li:nth-child(3){ margin-right:52px; } .fmenu.foja>li:nth-child(4){ margin-right:50px; } .fmenu.foja>li:nth-child(5){ margin-right:70px; } .fmenu.foja>li:nth-child(6){ margin-right:95px; } .fmenu.foja>li:nth-child(7){ margin-right:53px; } .fmenu li:nth-child(5){ margin-right:70px; } .fmenu li:nth-child(6){ margin-right:70px; } .fmenu li:nth-child(8){ margin-right:0; } /***********鍐呴〉*******/ .lm-nav{ width:100%; float:left; clear:both; background:#EFEFEF; height:65px; line-height:65px; position:relative; } .lm-nav .left a{ display:inline-block; padding:0 20px; font-size:15px; font-weight:bold; position:relative; z-index:9 } .lm-nav.ent .left a{ font-size:13px; padding:0 12px; } .lm-nav .left span{ border-color: #14468D #fff #fff #fff; border-style: solid; border-width: 12px 12px 0 12px; height: 0; width: 0; position:absolute; bottom:-12px; left:50%; margin-left:-12px; display:none; } .lm-nav .left a.cur,.lm-nav .left a:hover{ background:#14468D; color:#FFF } .lm-nav .left a.cur span,.lm-nav .left a:hover span{ display:block; } .bread-nav{ position:absolute; top:0; width:100%; line-height:100%; } .bread-nav .right{ text-align:right; padding-top:42px; } .bread-nav .right img{ position:relative; top:-2px; } .subpage{ width:100%; clear:both; float:left; padding-top:40px } /****************浜у搧椤?*******/ .top{ float:left; clear:both; margin-top:80px; text-align:center; width:100%; margin-bottom:20px; } .top .title.wrapper{ clear:both; margin:0 auto; } .top .title h3{ text-align:center; width:100%; color:#14468D; } .allpro{ width:100%; float:left; clear:both; padding-top:40px } .allpro li{ float:left; width:calc((100% - 72px) / 5); margin-right:18px; margin-bottom:40px; text-align:center; transition: all linear .3s } .allpro li:nth-child(5n){ margin-right:0; } .allpro li .mpic{ position:relative; width:100%; clear:both; overflow:hidden; } .allpro li img{ width:100%; display:block; transition: all linear .3s } .allpro li:hover img{ -moz-transform:scale(1.05); -webkit-transform: scale(1.05); transform:scale(1.05); } .allpro li:hover { box-shadow: 0 15px 15px rgba(0,0,0,.1); transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px) } .allpro li .mtxt{ height:40px; line-height:40px; } .pro_rec_list{ width:100%; float:left; clear:both; margin-top:40px; } .pro_rec_list h3.title{ width:100%; border-bottom:#DCDCDC 1px solid; text-align:left; margin-bottom:20px; clear:both; color:#14468D; position:relative; padding-bottom:8px; font-size:20px; font-weight:normal; } .pro_rec_list h3.title a{ float:right; font-weight:normal; font-size:15px; } .pro_rec_list h3.title span{ display:block; width:57px; height:2px; background:#2F2F2F; bottom:0; left:0; position:absolute; } .pro_rec_list li{ float:left; width:calc((100% - 9%) / 3); margin-right:4.5%; margin-bottom:20px; } .pro_rec_list li img{ width:100%; display:block; } .pro_rec_list li:nth-child(3n){ margin-right:0; } .pro_rec_list li .mpic{ width:100%; overflow:hidden; position:relative; } .pro_rec_list li .mtxt{ clear:both; width:100%; font-size:16px; line-height:40px; text-align:center; } .content,.pro-details{ width:100%; float:left; clear:both; } .pro-details .neirong{ border-top:#dcdcdc 1px solid; margin-top:40px; padding-top:10px; } .pro-details .neirong .left{ float:left; width:238px; } .pro-details .neirong .right{ float:right; width:calc(100% - 280px); font-size:16px; color:#717171; } .pro-details .neirong .left .tit{ background:url(../images/left_top.jpg) no-repeat top center; width:100%; height:107px; color:#FFF; font-size:20px; text-align:center; padding-top:30px; line-height:100%; } .pro-details .neirong .left .tit span{ display:block; font-size:11px; } .pro-details .neirong .left .con{ width:100%; border:#CDCDCD 1px solid; border-top:0; padding:18px 12px; } .pro-details .neirong .left .con ul{ border-top:#cdcdcd 1px dotted; } .pro-details .neirong .left .con ul li{ width:100%; border-bottom:#cdcdcd 1px dotted; line-height:50px; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; } .pro-details .neirong .left .con .tuijian-pro li{ border-bottom:#cdcdcd 1px dotted; padding-bottom:10px; text-align:center; margin-top:12px; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; width:100%; } .pro-details .neirong .left .con .tuijian-pro li p{ height:30px; line-height:30px; } .pro-details .neirong .left .con .tuijian-pro li a{ color:#15458D } .pro-details .neirong .left .con img{ width:100%; } .pro-details .neirong .right .newstit{ font-size:20px; text-align:center; } .pro-details .neirong .right .dateandtime{ font-size:15px; text-align:center; color:#9B9B9B; margin-top:10px; margin-bottom:30px; } .brt{ border:0!important; } .cp_jj { /*overflow: hidden;*/ padding-top: 40px; width:100%; float:left; clear:both; } .cp_jj .wrapper{ /*position:relative; overflow:hidden;*/ clear:both; /*float:left; left:50%; margin-left:-680px;*/ border:#e0e0e0 1px solid; box-shadow: rgba(0,0,0,0.15) 0 5px 10px; padding-bottom:40px; padding-left:40px; height:664px; } .cp_jj_left { width: 450px; margin: 0 auto; text-align: center; padding-top:20px; } .cp_jj_left #spec { position: relative; width: 100%; height: 82px; /*margin-left: 96px;*/ overflow: hidden; /*padding-top: 6px;*/ } .cp_jj_left #preview { text-align: center; margin: 20px auto 0; width: 500px; float: none; } .cp_jj_left .jqzoom { width: 500px; margin-bottom: 21px; height: 500px; overflow: hidden; _height: 213px; position: relative } .jiathis_style { margin-left: 235px; margin-top: 12px } .cp_jj_right { width: calc(100% - 580px); padding-bottom: 30px; margin-left:80px; padding-top:30px; } .cp_jj_right1 { width:100%; text-align:left; /*bottom:0;*/ padding-top:30px; margin-top:30px; border-top: 1px solid #e6e6e6; /*padding-bottom: 30px; margin-left:80px; margin-top:20px; float:right;*/ } .cp_jj_right h3 { font-size: 21px; font-weight: normal; margin-top: 20px; } .cp_jj_right h4 { color: #04a1e6; font-size: 12px; font-weight: normal; margin-top: 25px; margin-bottom: 25px } .cpxq_txt { line-height: 28px; margin-bottom: 8px } .cpxq_txt .txt1 { font-size: 14px; width: 105px; display: inline-block; height: 28px; background: #fafafa; text-align: center; color: #999; margin-right: 12px } .mfzx { display: inline-block; width: 138px; height: 42px; text-align: center; background:url(../images/tmall.jpg) no-repeat; } .mfzx.enb,.mfzx.enb:hover{ background:url(../images/entmall.jpg) no-repeat; } .mfzx.jab,.mfzx.jab:hover{ background:url(../images/jatmall.jpg) no-repeat; } .mfzx:hover { display: inline-block; width: 138px; height: 42px; text-align: center; background:url(../images/tmall.jpg) no-repeat; } .zxkf { display: inline-block; width: 138px; height: 42px; background:url(../images/jd.jpg) no-repeat; margin-left:14px; } .zxkf.enb{ background:url(../images/enjd.jpg) no-repeat; } .zxkf.jab{ background:url(../images/jajd.jpg) no-repeat; } .cp_xq_btn span { display: inline-block; height: 48px; line-height: 48px; padding-left: 25px; background: url(tpl/web/images/xq_ico.png) 0 no-repeat; margin-right: 12px } .cpxq_nav { background: #fff; height: 67px; border-bottom: 1px solid #e6e6e6 } .cpxq_nav_1 { width: 260px; height: 68px; margin-right: 195px } .cpxq_nav_2 ul li { display: inline-block; float: left; line-height: 67px; width: 120px; text-align: center } .nav_cur { border-bottom: 2px solid #00a2ea } .cpxq_nav_2 ul li a { font-size: 16px; color: #999 } .cpxq_nav_1_txt { margin-top:10px } .cpxq_nav_1_txt h5 { font-size: 14px; font-weight: normal; line-height:100%; } .cpxq_nav_1_txt span { font-size: 12px; color: #04a1e6; height: 16px; line-height:16px; overflow: hidden; float: left } .cpxq_nav_3 { width: 200px; height: 68px; background: #04a1e6; text-align: center } .cpxq_nav_3 a { color: #fff; font-size: 16px; line-height: 68px; display: block } .cpxq_nr_1 { /*background: #fafafa;*/ overflow: hidden; position: relative; z-index: 9 } .cpxq_nr_2 { /*background: #fff;*/ overflow: hidden; min-height: 391px; margin-top: -68px; position: relative; z-index: 8; width: 100% } .cpxq_nr_3 { background: #f3f3f3 } .cpxq_nr_4 { background: #fff; overflow: hidden; margin-top: -68px } .cpxq_nr_4 { overflow: hidden; width: 100%; } .cpxq_nav_2 ul div { display: inline-block; float: left; line-height: 67px; width: 120px; text-align: center; } .cpxq_nav_2 ul div a{ font-size: 16px; color: #999; } .cpxq_nr_5 { background: #fff; overflow: hidden; height: 408px; margin-top: -68px } .ggcs_txt { width: 924px; margin-top: 40px; margin-left: 15px } .ggcs_txt div { width: 30%; float: left; margin-right: 30px; height: 80px } .ggcs_txt span { font-size: 14px } .ggcs_txt i { font-size: 14px; font-style:normal; } #specList { display: inline; float: left; margin-left: 2px; POSITION: relative; TEXT-ALIGN: left; WIDTH: 100%; HEIGHT: 80px; OVERFLOW: hidden; TOP: 0; margin: 0 auto; text-align: center; } #specList UL { margin-left: 0; POSITION: relative; WIDTH: 100%; text-align: center } #specList UL LI { width: 80px; display: inline; float: none; margin-right: 3px; height: 80px; padding: 0; margin-left: 0; margin-bottom: 0 } #specList UL LI:nth-child(4) { margin-right: 0 } #specList UL LI IMG { border-bottom: #ccc 1px solid; border-left: #ccc 1px solid; padding-bottom: 2px; padding-left: 2px; width: 80px; padding-right: 2px; margin-bottom: 1px; height: 80px; border-top: #ccc 1px solid; border-right: #ccc 1px solid; padding-top: 2px } .bigimg { WIDTH: 800px; HEIGHT: 800px } .jqZoomPup { z-index: 10; border-bottom: #aaa 1px solid; position: absolute; filter: alpha(opacity=50); border-left: #aaa 1px solid; width: 50px; background: #FFF no-repeat 50% top; height: 50px; visibility: hidden; border-top: #aaa 1px solid; top: 0; cursor: move; border-right: #aaa 1px solid; left: 0; opacity: .5; -moz-opacity: .5; -khtml-opacity: .5 } .zoomdiv { width: 310px; height: 310px; left: 859px; z-index: 100; border-bottom: #e4e4e4 1px solid; position: absolute; text-align: center; border-left: #e4e4e4 1px solid; width: 310px; display: none; background: url(../images/loading.gif) #fff no-repeat center center; height: 310px; overflow: hidden; border-top: #e4e4e4 1px solid; top: 1px; border-right: #e4e4e4 1px solid; left: 0 } .cp_list_txt h3 { font-size: 14px; color: #333; font-weight: normal } .cp_list_txt span { display: block; color: #999 } /**************鍥剧墖鍒楄〃**************/ .list_case{ width:100%; clear:both; float:left; margin-top:60px; } .imgteaser{ overflow:auto; float: left; position: relative; width:-moz-calc((100% - 80px) / 5); width:-webkit-calc((100% - 80px) / 5); width: calc((100% - 80px) / 5); /*height:240px;*/ margin:0 20px 50px 0; text-align:center; box-sizing: border-box; transition: all linear 0.3s; box-shadow: rgba(0,0,0,0.0) 0 8px 20px; } .clst{ margin-right:0} .imgteaser a{text-decoration: none;float: left; /* height:200px; */display:block;} .imgteaser a .pcc{ position:relative; overflow:hidden} .imgteaser a:hover{cursor:pointer} .imgteaser .mpc{ position:relative; overflow:hidden; } .imgteaser a .mpc img{ float:left; border: none; width:100%; /*height:200px;*/ transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s; } .imgteaser a .mpc:hover img{ -moz-transform: scale(1.01); -ms-transform: scale(1.01); -o-transform: scale(1.01); -webkit-transform: scale(1.01); } .CC{ clear:both; background:#FFF; width:100%; height:50px; line-height:50px; -webkit-transition-property: background-color; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease; font-size:16px;} .imgteaser a:hover .CC{ background:#14468D; color:#FFF; height:50px; line-height:50px; } .imgteaser:hover{ box-shadow: rgba(0,0,0,0.2) 0 8px 20px; transform:translateY(-2px); } .aboutvr_con { text-align: center; background-color: #ddd; margin-top: 0px; height: 650px; box-shadow: rgba(0,0,0,0.3) 0 8px 20px } .aboutvr_con iframe { width: 100%; height: 100%; border: 0 } /****瑙嗛鍒楄〃***************/ .mask { position: fixed; width: 100%; height: 100%; background: #000; opacity: .8; -moz-opacity: .8; filter: alpha(opacity=80); top: 0; left: 0; z-index: 1000 } .modal { /*background: #000;*/ width: 720px; height: 505px; position: fixed; _position: absolute; display: none; z-index: 1001; overflow:hidden; } .modal .close { position: absolute; top: 15px; right: 15px; font-size: 24px; z-index: 2 } .modal iframe { z-index: 1 } .modal .close a:link,.modal .close a:visited { color: #666; text-decoration: none } .modal .close a:hover,.modal .close a:active { color: #333; text-decoration: none } .sb-xq .wrapper { padding-bottom: 70px; } .sb-xq .wrapper > .box { display: block; width: calc((100% - 20px) / 3); float: left; background: #f6f6f6; margin-bottom: 50px; border-radius: 6px; overflow: hidden; cursor: pointer; margin-right:10px; } .sb-xq .wrapper > .box:nth-child(3n){ margin-right:0; } .sb-xq .wrapper > .box .lf { width: 34.15%; padding: 28px 0 0 5%; } .sb-xq .wrapper > .box .lf .name { font-size: 15px; color: #383838; font-weight: bold; } .sb-xq .wrapper > .box .lf .line { width: 40px; border-bottom: 1px solid #383838; margin: 10px 0; } .sb-xq .wrapper > .box .lf .bq { display: inline; background: #000; color: #fff; font-size: 12px; padding: 2px 8px; border-radius: 8px; } .sb-xq .wrapper > .box .rt { width: 65.85%; height: 205px; position: relative; transition: all 0.2s ease; } .sb-xq .wrapper > .box .rt > div.cp-img { width: 175px; height: 175px; border-radius: 50%; position: relative; position: absolute; top: 50%; left: 50%; margin: -87px 0 0 -87px; background-size: cover; overflow: hidden; background-repeat: no-repeat; background-position: center; transition: all 0.2s ease; } .sb-xq .wrapper > .box .rt > div.cp-img > p { position: absolute; top: 50%; left: 50%; margin: -29px 0 0 -29px; width: 58px; height: 58px; border-radius: 50%; text-align: center; line-height: 58px; background: rgba(255, 255, 255, 0.8); font-size: 26px; color: #000; z-index: 2; transition: all 0.2s ease; } .sb-xq .wrapper > .box .rt > div.cp-img .zz { position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.35); transition: all 0.2s ease; } .sb-xq .wrapper > .box .active > div.cp-img { width: 100%; height: 100%; top: 0; left: 0; margin: 0; border-radius: 0; } .sb-xq .wrapper > .box .active > div.cp-img p { opacity: 0; } .sb-xq .wrapper > .box .active .zz { opacity: 0; } /***************浼佷笟鑽h獕**********/ .qyzz{ width:100%; clear:both; float:left; overflow:hidden; } .zztit{ border-bottom:#f0f0f0 1px solid; clear:both; padding-bottom:5px; font-size:20px; color:#16458B; position:relative; margin-top:20px } .zztit span{ font-size:14px; padding-left:5px; display:inline-block; position:relative; bottom:-2px; color:#9C9C9C; } .zztit i{ display:block; height:2px; width:50px; background:#2F2F2F; position:absolute; left:0; bottom:0; } /* carousel */ .carousel{background:#fff;margin:0px auto;padding:40px 0px 0px;/*width:950px;*/height:400px;overflow:hidden;position:relative;} .carousel .slides{margin:0px auto 30px;overflow:hidden;position:relative;} .carousel .slides .slideItem{padding:0px;overflow:hidden;position:absolute;cursor:pointer;opacity:1 !important;box-shadow:0 0 10px rgba(0,0,0,0.3);border-radius:5px; margin-top:10px} .carousel .slides .slideItem a{overflow:hidden;display:block;} .carousel .slides .slideItem img{width:100%;height:100%;} .carousel .slides .slideItem .cover{background:rgb(0, 0, 0);left:0px;top:0px;width:100% !important;height:262px !important;display:none;position:absolute;} .prevButton{background:url("../images/left.jpg") no-repeat left;top:136px;width:47px;height:73px;display:block;position:absolute;z-index:99;cursor:pointer;} .nextButton{background:url("../images/right.jpg") no-repeat right;top:136px;width:47px;height:73px;display:block;position:absolute;z-index:99;cursor:pointer;} .prevButton{left:0;} .nextButton{right:0;} /*****浼佷笟涓撳埄********/ .swiper-container.swiper1 { /*width: 100%; height: 100%;*/ height:700px; margin-left: auto; margin-right: auto; margin-top:40px; } .swiper1 .swiper-slide { text-align: center; background: #fff; height: calc((90% - 60px) / 2); /* Center slide text vertically */ /*display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;*/ } .swiper1 .swiper-slide div{ width:100%; height:calc(100% - 50px); border:#f6f6f6 1px solid; } .swiper1 .swiper-slide div img{ display:block; width:100%; max-height:100%; } .swiper1 .swiper-slide div p{ width:100%; border-bottom:#DCDCDC 1px solid; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; padding-top:20px; height:50px; vertical-align:bottom; } /****浼佷笟鍏泭****************/ .swiper-container.swiper2 { /*width: 100%; height: 100%;*/ height:550px; margin-left: auto; margin-right: auto; margin-top:40px; padding-bottom:60px; } .swiper2 .swiper-slide { text-align: center; background: #fff; height: calc((100% - 40px) / 2); /* Center slide text vertically */ /*display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;*/ } .swiper2 .swiper-slide div{ width:100%; /*height:calc(100% - 50px);*/ border:#f6f6f6 0px solid; } .swiper2 .swiper-slide div img{ display:block; width:100%; max-height:100%; } .swiper2 .swiper-slide div p{ } .form-control{ width:100%; font-family:寰蒋闆呴粦; color:#1A778D; border:#CCCCCC 1px solid; border-radius:3px; margin-top:10px; height:50px; line-height:50px; padding:0 15px; } .fedbtn{ display:block; background:#14468D; height:40px; line-height:40px; text-align:center; border-radius:3px; width:120px; margin:20px auto 0 auto; color:#FFF; font-size:16px; } .fedbtn:hover{ background:#FE0000; cursor:pointer; } /****浼佷笟濂栨澂****************/ .swiper-container.swiper3 { /*width: 100%; height: 100%;*/ height:300px; margin-left: auto; margin-right: auto; margin-top:40px; padding-bottom:60px; } .swiper3 .swiper-slide { text-align: center; background: #fff; height: calc((100% - 40px) / 2); /* Center slide text vertically */ /*display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;*/ } .swiper3 .swiper-slide div{ width:100%; /*height:calc(100% - 50px);*/ border:#f0f0f0 1px solid; } .swiper3 .swiper-slide div img{ display:block; width:100%; max-height:100%; } .swiper3 .swiper-slide div p{ display:none } .eng{ font-size:18px!important; margin:0!important; color:#000!important; } .news-con{ width:800px!important; font-size:14px; line-height:160%; } .news-con img{ max-width:100%; }